<template>
    <el-container>
        <el-header>
            <Header></Header>
        </el-header>

<!--        <el-main>-->
<!--            <router-link to="/">Home</router-link>-->
<!--        </el-main>-->


        <el-container>
            <el-aside width="200px" style="background-color: rgb(238, 241, 246)">
                <Aside></Aside>
            </el-aside>
            <el-main>
                <CodeGeneration></CodeGeneration>
            </el-main>
        </el-container>
    </el-container>
</template>

<script>
    import Aside from '@/components/index/aside.vue'
    import Header from '@/components/index/header.vue'
    import Index from '@/components/index/index.vue'
    import CodeGeneration from '@/views/codeGeneration.vue'

    export default {
        name: "",
        components: {
            Aside,Header,Index,CodeGeneration
        }
    }
</script>

<style scoped>
    .el-header{
        text-align: left;
        padding: 0;
        border-bottom: 1px solid #dcdfe6;
        height: 80px;
        line-height: 80px;
    }
</style>